.banner {
  width: 100%;
  height: 400px;
  border-radius: 20px;
  margin: 5px auto;
  position: relative;
}
.banner .arrow-left {
  background: url(/static/img/arrows.png) no-repeat left top;
  position: absolute;
  z-index:2;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.banner .arrow-right {
  background: url(/static/img/arrows.png) no-repeat left bottom;
  position: absolute;
  z-index:2;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.banner .swiper-container{
  height:100%;
}
.banner .swiper-slide{
  display: flex;
  height:100%;
  background-color:#fff;
  background-repeat: no-repeat;
  background-size:cover;
  background-position: center;
}
.banner .swiper-slide img{
  min-width:100%;
  min-height:100%;
}
.nav-item a:hover{
  color:#00bfff
}
.video-list{
  display: inline-block; 
   padding:0 10px;
}
.video-item{
  float: left;
  margin-right:33px;
  width:240px;
  height:280px;
  margin-bottom:35px;
  overflow:hidden;
  border-radius:10px;
	background-color:#fff;
	transition:all .3s;
	position:relative;
}
.video-item:hover{
	box-shadow:3px 3px 5px #999;
}
.video-item:nth-child(4n){
  margin-right:0;
}
.video-cover{
	width:240px;
	height:150px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow:hidden;
}
.video-cover img{
  width:100%;
  height:auto;
  min-height:100%;
}
.video-desc{
	padding:5px 8px;
}
.video-title{
	font-size:18px;
	line-height:1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.video-p{
	font-size:14px;
	line-height:1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient: vertical;
}
.video-p a{
	color:#666;
}
.v-bottom{
	position: absolute;
	bottom:5px;
	width:100%;
	box-sizing: border-box;
	display:flex;
	padding:0 10px;
	justify-content: space-between;
}
.v-bottom span,.v-bottom .time{
	font-size:12px;
	color:#999;
}
.videos{
	padding-top:80px;
	margin-top:-60px;
}
.type-title{
	margin-top:10px;
	padding:5px;
	margin-bottom:15px;
	font-size:28px;
	position:relative
}
.type-title:after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:140px;
	height:2px;
	background-color:#00bfff
}